﻿<%@ Page Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true"
    CodeBehind="EasyTextBox.aspx.cs" Inherits="EasyUI.Controls.TextBox" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>TextBox Control</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="controlHeader">
        TextBox Control</div>
    <div>
        <div class="controlDemo">
            <span>Demo:</span>
            Name:<asp:TextBox runat="server" type="text" CssClass="easyTextbox" style="height: 24px;width:600px;" watermark="This is WaterMark" />
        </div>
        <div class="controlDemo">
            <span>Source Code: </span>
            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
            <asp:TextBox type="text" CssClass="text" style="height: 24px;width:600px;" 
                watermark="This is WaterMark" />
            ]]></script>
        </div>
        <div class="controlDemo">
            <span>How to use:</span>
            <ol>
                <li>Add base files to your page: reset.css; core.css; core.js. <a href='#'>[DownLoad]</a>
                </li>
                <li>Apply class [text] to your button</li>
                <li>If watermark required, apply attribute [watermark] to your button</li>
            </ol>
        </div>
        <div class="controlDemo">
            <span>Note</span>
            <ol>
                <li>Base on JQuery <a href='#'>[DownLoad]</a></li>
                <li>Browser: IE7.0+; Fiefox2.0+; Opera9.0+</li>
                <li>OS: Windows; Mac; Linux</li>
            </ol>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptPlaceHolder" runat="server">
</asp:Content>
